<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<link rel="stylesheet" href="lib/sheet.css" title="grey" type="text/css" />
	<link rel="alternate stylesheet" type="text/css" href="lib/blue.css" title="blue"  />
	<script type="text/javascript" src="lib/jquery.js"></script>

	<script type="text/javascript">
		$(function() {
			$.ajaxSetup ({
				cache: false, //关闭AJAX相应的缓存
				beforeSend:function() {
					$("#loading").css("left",(($(window).width()-32)/2)).css("top",(($(window).height()-32)/2));
					$("#loading").fadeIn();
				},
				complete:function() {
					$("#loading").fadeOut();
				}
			});
			var p=1;	//设置初始页面
			vi(p);	//用第一页调用显示
			function vi(p){	//显示页面函数
				$.get("index_main_page.asp?page="+p,function(data){	//用ajax的get方式提交
					$("#index_main").html(data);	//获取数据后显示到指定div中

					$("table.contable th").addClass("ch");	//载入th样式
					$("table.contable td").addClass("cd");	//载入td样式

					$("table.contable>tbody tr:odd").addClass("alt");	//对表格主体内单数行进行样式应用
					$("table.contable>tbody tr").mouseover(function(){	//对返回的dom进行mouseowver事件捕获
						$(this).addClass("over");	//添加css样式
					}).mouseout(function(){	//对dom进行mouseout事件捕获
						$(this).removeClass("over");	//移除css样式
					});

					$("#pagebar a").click(function(e){	//对分页栏中的a元素进行操作
						e.preventDefault();	//阻止a的原先事件
						vi($(this).attr("id"));	//根据获取的页码值调用显示页面函数
					});
					$("#page_go").click(function(e){	//对分页栏中的input元素进行操作
						e.preventDefault();
						if (isNaN($("#page_val").val())){	//判断输入的是否是数字
							alert("输入的页码错误，请输入正确页码！");
							$("#page_val").select();
							return false;	//页码值不是数字则退出；
						}
						vi($("#page_val").val());
					});
				});
			}
		});
	</script>
</head>
<body>
	<div id="loading"><img src="lib/ajax-loader.gif" /></div>
	<div id="index_main"></div>
</body>
</html>
